<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4504698" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">向左</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">方向箭头-右</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b1;</span>
                <div class="name">方向箭头-左</div>
                <div class="code-name">&amp;#xe6b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">三角叹号</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">对钩</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">列表为空</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">充电枪</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">对钩</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">充电枪</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">离线</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">对钩-圆</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b3;</span>
                <div class="name">筛选-查找数据库</div>
                <div class="code-name">&amp;#xe6b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">加油枪-copy</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">triangle-notice</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">电流</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe694;</span>
                <div class="name">电压</div>
                <div class="code-name">&amp;#xe694;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe696;</span>
                <div class="name">电流</div>
                <div class="code-name">&amp;#xe696;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">电流</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68f;</span>
                <div class="name">triangle-play</div>
                <div class="code-name">&amp;#xe68f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea6d;</span>
                <div class="name">24gl-pause2</div>
                <div class="code-name">&amp;#xea6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea81;</span>
                <div class="name">24gf-pause2</div>
                <div class="code-name">&amp;#xea81;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe690;</span>
                <div class="name">播放</div>
                <div class="code-name">&amp;#xe690;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe691;</span>
                <div class="name">28A手指</div>
                <div class="code-name">&amp;#xe691;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">手指</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe682;</span>
                <div class="name">烈日</div>
                <div class="code-name">&amp;#xe682;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">风力</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">太阳</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">紫外线</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">水滴</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68e;</span>
                <div class="name">huanjingjianceqi</div>
                <div class="code-name">&amp;#xe68e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7fa;</span>
                <div class="name">紫外线</div>
                <div class="code-name">&amp;#xe7fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">PM2.5</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">紫外线</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">有雾</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">风帆</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">安卓</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">水泵</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">单位</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">冷</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70a;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe70a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">定位-位置</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67f;</span>
                <div class="name">大屏柱图</div>
                <div class="code-name">&amp;#xe67f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">线索</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f3;</span>
                <div class="name">113-俄罗斯方块</div>
                <div class="code-name">&amp;#xe6f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe960;</span>
                <div class="name">信号,基站,信号塔,技术,定位服务,热点</div>
                <div class="code-name">&amp;#xe960;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">水泵</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">电梯</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe683;</span>
                <div class="name">电梯</div>
                <div class="code-name">&amp;#xe683;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe684;</span>
                <div class="name">高度</div>
                <div class="code-name">&amp;#xe684;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe687;</span>
                <div class="name">自动调整高度</div>
                <div class="code-name">&amp;#xe687;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">安卓</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">星星2</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dd;</span>
                <div class="name">135-电池</div>
                <div class="code-name">&amp;#xe8dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">加星收藏</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">图标-电池满</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">line-manage</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">功率因素</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">电压</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">功率</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">电流</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">电压</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">3.0-搜索</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">3.1铃铛</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c0;</span>
                <div class="name">211铃铛-线性</div>
                <div class="code-name">&amp;#xe8c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">报名-众人</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">警报</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7b1;</span>
                <div class="name">循环</div>
                <div class="code-name">&amp;#xe7b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68c;</span>
                <div class="name">花</div>
                <div class="code-name">&amp;#xe68c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb01;</span>
                <div class="name">4档风力</div>
                <div class="code-name">&amp;#xeb01;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">卡回收</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">设备</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">风力检测器</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">联盟工厂</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70e;</span>
                <div class="name">减排</div>
                <div class="code-name">&amp;#xe70e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70f;</span>
                <div class="name">受众人群拓宽</div>
                <div class="code-name">&amp;#xe70f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">实力工厂</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">减排</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">台风-风力-线</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cb;</span>
                <div class="name">多层</div>
                <div class="code-name">&amp;#xe6cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">多层</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">燃气</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">警报</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">控制2</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">监控控制管理</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">综合能源 icon</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">废气</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">综合能源</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ed;</span>
                <div class="name">取水量</div>
                <div class="code-name">&amp;#xe6ed;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">充电</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">灯</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">人脸识别</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb56;</span>
                <div class="name">人脸识别</div>
                <div class="code-name">&amp;#xeb56;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec5f;</span>
                <div class="name">AI</div>
                <div class="code-name">&amp;#xec5f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec6d;</span>
                <div class="name">汽车</div>
                <div class="code-name">&amp;#xec6d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">机器人</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">摄像头</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">尖括号</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">尖括号-左</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">有害垃圾-蓄电池</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">光伏板</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">灭火器</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">配电柜</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">充电桩</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">尖括号-右</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">尖括号上</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">矩阵</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">照明</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">电梯</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">光伏</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">光伏板</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe865;</span>
                <div class="name">站点地图,分级,组织,层级</div>
                <div class="code-name">&amp;#xe865;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe962;</span>
                <div class="name">卡口枪式摄像头,监控,枪式摄像头</div>
                <div class="code-name">&amp;#xe962;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">配电柜监测</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">照明</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">尖括号下</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">000500</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">光伏</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">分级分类-copy</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">icon设备</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">人脸识别</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">电梯</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">光伏</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#x10180;</span>
                <div class="name">灭火器</div>
                <div class="code-name">&amp;#x10180;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">光伏</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">钱 </div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">钱</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">钱 </div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">文件夹</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb1e;</span>
                <div class="name">纸币_人民币</div>
                <div class="code-name">&amp;#xeb1e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeba7;</span>
                <div class="name">纸币_人民币_o</div>
                <div class="code-name">&amp;#xeba7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">关锁</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe685;</span>
                <div class="name">人</div>
                <div class="code-name">&amp;#xe685;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">空调</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">关锁</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">空调</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">开锁</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">line-money CNY box（人民币方）</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe70d;</span>
                <div class="name">云端文件(拓展)_菜单</div>
                <div class="code-name">&amp;#xe70d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">关锁</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">云端文件夹</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">云端文件</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">开锁</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">节能</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">品牌趋势</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ce;</span>
                <div class="name">节能</div>
                <div class="code-name">&amp;#xe6ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b8;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe8b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">双圆圈</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">双圆圈</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea3f;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xea3f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">数据_趋势</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">人</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">估值模型</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe725;</span>
                <div class="name">耗材</div>
                <div class="code-name">&amp;#xe725;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">空调</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe697;</span>
                <div class="name">信号</div>
                <div class="code-name">&amp;#xe697;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">shezhi</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">电源</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">滤水杯</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">回收</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">俩人</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">房子 实心</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">操作-蒸汽</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">温度增加</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">温度</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">温度降低</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe904;</span>
                <div class="name">409折线图</div>
                <div class="code-name">&amp;#xe904;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">工程机械</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">蒸汽清洁</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">温度</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">厂房</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">循环泵</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec76;</span>
                <div class="name">燃气监测器</div>
                <div class="code-name">&amp;#xec76;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">E</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">AI智能</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb15;</span>
                <div class="name">二氧化碳</div>
                <div class="code-name">&amp;#xeb15;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">地球</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">楼层</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">电池</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">锅炉-01</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">厂房</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">锅炉</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">分叉,大数据,数据结构,关系,关系分析,关系网,组织</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">Ai</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">锅炉房</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f4;</span>
                <div class="name">楼层</div>
                <div class="code-name">&amp;#xe8f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe714;</span>
                <div class="name">热</div>
                <div class="code-name">&amp;#xe714;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">蒸汽</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">节省</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">雪花</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">上升</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">下降</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">water</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">GPRS电表</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">人员</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">热读</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">供热办热表</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c5;</span>
                <div class="name">闪电</div>
                <div class="code-name">&amp;#xe8c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">压力表</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">水表</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">计量表</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1733900612553') format('woff2'),
       url('iconfont.woff?t=1733900612553') format('woff'),
       url('iconfont.ttf?t=1733900612553') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuo"></span>
            <div class="name">
              向左
            </div>
            <div class="code-name">.icon-xiangzuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangxiangjiantou-you"></span>
            <div class="name">
              方向箭头-右
            </div>
            <div class="code-name">.icon-fangxiangjiantou-you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fangxiangjiantou-zuo"></span>
            <div class="name">
              方向箭头-左
            </div>
            <div class="code-name">.icon-fangxiangjiantou-zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian1"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sanjiaotanhao"></span>
            <div class="name">
              三角叹号
            </div>
            <div class="code-name">.icon-sanjiaotanhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duigou"></span>
            <div class="name">
              对钩
            </div>
            <div class="code-name">.icon-duigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-liebiaoweikong"></span>
            <div class="name">
              列表为空
            </div>
            <div class="code-name">.icon-liebiaoweikong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongdianqiang"></span>
            <div class="name">
              充电枪
            </div>
            <div class="code-name">.icon-chongdianqiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-Frame3163"></span>
            <div class="name">
              对钩
            </div>
            <div class="code-name">.icon-a-Frame3163
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongdianqiang1"></span>
            <div class="name">
              充电枪
            </div>
            <div class="code-name">.icon-chongdianqiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian1"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lixian2"></span>
            <div class="name">
              离线
            </div>
            <div class="code-name">.icon-lixian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duigou-yuan"></span>
            <div class="name">
              对钩-圆
            </div>
            <div class="code-name">.icon-duigou-yuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chazhaoshujuku"></span>
            <div class="name">
              筛选-查找数据库
            </div>
            <div class="code-name">.icon-chazhaoshujuku
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gun"></span>
            <div class="name">
              加油枪-copy
            </div>
            <div class="code-name">.icon-gun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-qietu2001"></span>
            <div class="name">
              triangle-notice
            </div>
            <div class="code-name">.icon-a-qietu2001
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianya2"></span>
            <div class="name">
              电流
            </div>
            <div class="code-name">.icon-dianya2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianya3"></span>
            <div class="name">
              电压
            </div>
            <div class="code-name">.icon-dianya3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianliu1"></span>
            <div class="name">
              电流
            </div>
            <div class="code-name">.icon-dianliu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianliu2"></span>
            <div class="name">
              电流
            </div>
            <div class="code-name">.icon-dianliu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-triangle-play"></span>
            <div class="name">
              triangle-play
            </div>
            <div class="code-name">.icon-triangle-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gl-pause2"></span>
            <div class="name">
              24gl-pause2
            </div>
            <div class="code-name">.icon-24gl-pause2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-24gf-pause2"></span>
            <div class="name">
              24gf-pause2
            </div>
            <div class="code-name">.icon-24gf-pause2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bofang"></span>
            <div class="name">
              播放
            </div>
            <div class="code-name">.icon-bofang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-28Ashouzhi"></span>
            <div class="name">
              28A手指
            </div>
            <div class="code-name">.icon-a-28Ashouzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouzhi"></span>
            <div class="name">
              手指
            </div>
            <div class="code-name">.icon-shouzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lieri"></span>
            <div class="name">
              烈日
            </div>
            <div class="code-name">.icon-lieri
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengli"></span>
            <div class="name">
              风力
            </div>
            <div class="code-name">.icon-fengli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taiyang"></span>
            <div class="name">
              太阳
            </div>
            <div class="code-name">.icon-taiyang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-weibiaoti-"></span>
            <div class="name">
              紫外线
            </div>
            <div class="code-name">.icon-weibiaoti-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuidi"></span>
            <div class="name">
              水滴
            </div>
            <div class="code-name">.icon-shuidi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-huanjingjianceqi"></span>
            <div class="name">
              huanjingjianceqi
            </div>
            <div class="code-name">.icon-huanjingjianceqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziwaixian"></span>
            <div class="name">
              紫外线
            </div>
            <div class="code-name">.icon-ziwaixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-PM25"></span>
            <div class="name">
              PM2.5
            </div>
            <div class="code-name">.icon-a-PM25
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziwaixian1"></span>
            <div class="name">
              紫外线
            </div>
            <div class="code-name">.icon-ziwaixian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youwu"></span>
            <div class="name">
              有雾
            </div>
            <div class="code-name">.icon-youwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fengfan"></span>
            <div class="name">
              风帆
            </div>
            <div class="code-name">.icon-fengfan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anzhuo1"></span>
            <div class="name">
              安卓
            </div>
            <div class="code-name">.icon-anzhuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.icon-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuibeng"></span>
            <div class="name">
              水泵
            </div>
            <div class="code-name">.icon-shuibeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-danwei"></span>
            <div class="name">
              单位
            </div>
            <div class="code-name">.icon-danwei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-leng"></span>
            <div class="name">
              冷
            </div>
            <div class="code-name">.icon-leng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo2"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-position"></span>
            <div class="name">
              定位-位置
            </div>
            <div class="code-name">.icon-position
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dapingzhutu"></span>
            <div class="name">
              大屏柱图
            </div>
            <div class="code-name">.icon-dapingzhutu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiansuo"></span>
            <div class="name">
              线索
            </div>
            <div class="code-name">.icon-xiansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-113-eluosifangkuai"></span>
            <div class="name">
              113-俄罗斯方块
            </div>
            <div class="code-name">.icon-113-eluosifangkuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-plume-full"></span>
            <div class="name">
              信号,基站,信号塔,技术,定位服务,热点
            </div>
            <div class="code-name">.icon-plume-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuibeng1"></span>
            <div class="name">
              水泵
            </div>
            <div class="code-name">.icon-shuibeng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianti2"></span>
            <div class="name">
              电梯
            </div>
            <div class="code-name">.icon-dianti2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianti4"></span>
            <div class="name">
              电梯
            </div>
            <div class="code-name">.icon-dianti4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gaodu"></span>
            <div class="name">
              高度
            </div>
            <div class="code-name">.icon-gaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zidongtiaozhenggaodu"></span>
            <div class="name">
              自动调整高度
            </div>
            <div class="code-name">.icon-zidongtiaozhenggaodu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-anzhuo"></span>
            <div class="name">
              安卓
            </div>
            <div class="code-name">.icon-anzhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingxing"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.icon-xingxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingxing1"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.icon-xingxing1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingxing2"></span>
            <div class="name">
              星星2
            </div>
            <div class="code-name">.icon-xingxing2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-135-dianchi"></span>
            <div class="name">
              135-电池
            </div>
            <div class="code-name">.icon-a-135-dianchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchi2"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-dianchi2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiaxingshoucang"></span>
            <div class="name">
              加星收藏
            </div>
            <div class="code-name">.icon-jiaxingshoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjianfile63"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjianfile63
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-star"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.icon-star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tubiao-dianchiman"></span>
            <div class="name">
              图标-电池满
            </div>
            <div class="code-name">.icon-tubiao-dianchiman
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-line-manage"></span>
            <div class="name">
              line-manage
            </div>
            <div class="code-name">.icon-line-manage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei2"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongshuaiyinsu"></span>
            <div class="name">
              功率因素
            </div>
            <div class="code-name">.icon-gongshuaiyinsu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianya"></span>
            <div class="name">
              电压
            </div>
            <div class="code-name">.icon-dianya
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongshuai"></span>
            <div class="name">
              功率
            </div>
            <div class="code-name">.icon-gongshuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianliu"></span>
            <div class="name">
              电流
            </div>
            <div class="code-name">.icon-dianliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianya1"></span>
            <div class="name">
              电压
            </div>
            <div class="code-name">.icon-dianya1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo"></span>
            <div class="name">
              3.0-搜索
            </div>
            <div class="code-name">.icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingdang"></span>
            <div class="name">
              3.1铃铛
            </div>
            <div class="code-name">.icon-lingdang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lingdang-xianxing"></span>
            <div class="name">
              211铃铛-线性
            </div>
            <div class="code-name">.icon-lingdang-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoming-zhongren"></span>
            <div class="name">
              报名-众人
            </div>
            <div class="code-name">.icon-baoming-zhongren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingwuicon_svg-1"></span>
            <div class="name">
              警报
            </div>
            <div class="code-name">.icon-jingwuicon_svg-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunhuan"></span>
            <div class="name">
              循环
            </div>
            <div class="code-name">.icon-xunhuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-hua"></span>
            <div class="name">
              花
            </div>
            <div class="code-name">.icon-hua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ziyuanxhdpi"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-ziyuanxhdpi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-icon-test"></span>
            <div class="name">
              4档风力
            </div>
            <div class="code-name">.icon-icon-test
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kahuishou"></span>
            <div class="name">
              卡回收
            </div>
            <div class="code-name">.icon-kahuishou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shebei1"></span>
            <div class="name">
              设备
            </div>
            <div class="code-name">.icon-shebei1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenglijianceqi"></span>
            <div class="name">
              风力检测器
            </div>
            <div class="code-name">.icon-fenglijianceqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-header-17"></span>
            <div class="name">
              联盟工厂
            </div>
            <div class="code-name">.icon-header-17
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianpai"></span>
            <div class="name">
              减排
            </div>
            <div class="code-name">.icon-jianpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouzhongrenquntuokuan"></span>
            <div class="name">
              受众人群拓宽
            </div>
            <div class="code-name">.icon-shouzhongrenquntuokuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shiligongchang"></span>
            <div class="name">
              实力工厂
            </div>
            <div class="code-name">.icon-shiligongchang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jianpai1"></span>
            <div class="name">
              减排
            </div>
            <div class="code-name">.icon-jianpai1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-taifeng-fengli-xian"></span>
            <div class="name">
              台风-风力-线
            </div>
            <div class="code-name">.icon-taifeng-fengli-xian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoceng"></span>
            <div class="name">
              多层
            </div>
            <div class="code-name">.icon-duoceng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-duoceng1"></span>
            <div class="name">
              多层
            </div>
            <div class="code-name">.icon-duoceng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ranqi"></span>
            <div class="name">
              燃气
            </div>
            <div class="code-name">.icon-ranqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jingwuicon_svg-"></span>
            <div class="name">
              警报
            </div>
            <div class="code-name">.icon-jingwuicon_svg-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongzhi"></span>
            <div class="name">
              控制2
            </div>
            <div class="code-name">.icon-kongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankongkongzhiguanli"></span>
            <div class="name">
              监控控制管理
            </div>
            <div class="code-name">.icon-jiankongkongzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonghenengyuanicon"></span>
            <div class="name">
              综合能源 icon
            </div>
            <div class="code-name">.icon-zonghenengyuanicon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alarm-full"></span>
            <div class="name">
              报警,警报,报警灯,危险
            </div>
            <div class="code-name">.icon-alarm-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-alarm"></span>
            <div class="name">
              报警,警报,报警灯,危险
            </div>
            <div class="code-name">.icon-alarm
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-feiqi"></span>
            <div class="name">
              废气
            </div>
            <div class="code-name">.icon-feiqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zonghenengyuan"></span>
            <div class="name">
              综合能源
            </div>
            <div class="code-name">.icon-zonghenengyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qushuiliang"></span>
            <div class="name">
              取水量
            </div>
            <div class="code-name">.icon-qushuiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongdian"></span>
            <div class="name">
              充电
            </div>
            <div class="code-name">.icon-chongdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-deng"></span>
            <div class="name">
              灯
            </div>
            <div class="code-name">.icon-deng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renlianshibie"></span>
            <div class="name">
              人脸识别
            </div>
            <div class="code-name">.icon-renlianshibie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renlianshibie1"></span>
            <div class="name">
              人脸识别
            </div>
            <div class="code-name">.icon-renlianshibie1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchi1"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-dianchi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankong1"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.icon-jiankong1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wuguan"></span>
            <div class="name">
              AI
            </div>
            <div class="code-name">.icon-wuguan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qiche1"></span>
            <div class="name">
              汽车
            </div>
            <div class="code-name">.icon-qiche1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiqiren"></span>
            <div class="name">
              机器人
            </div>
            <div class="code-name">.icon-jiqiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.icon-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingzhuang"></span>
            <div class="name">
              摄像头
            </div>
            <div class="code-name">.icon-xingzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changyongicon-"></span>
            <div class="name">
              尖括号
            </div>
            <div class="code-name">.icon-changyongicon-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changyongicon-1"></span>
            <div class="name">
              尖括号-左
            </div>
            <div class="code-name">.icon-changyongicon-1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-youhailaji-xudianchi"></span>
            <div class="name">
              有害垃圾-蓄电池
            </div>
            <div class="code-name">.icon-youhailaji-xudianchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfuban"></span>
            <div class="name">
              光伏板
            </div>
            <div class="code-name">.icon-guangfuban
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-miehuoqi"></span>
            <div class="name">
              灭火器
            </div>
            <div class="code-name">.icon-miehuoqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peidiangui"></span>
            <div class="name">
              配电柜
            </div>
            <div class="code-name">.icon-peidiangui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-chongdianzhuang"></span>
            <div class="name">
              充电桩
            </div>
            <div class="code-name">.icon-chongdianzhuang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankuohao"></span>
            <div class="name">
              尖括号-右
            </div>
            <div class="code-name">.icon-jiankuohao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankuohaoshang"></span>
            <div class="name">
              尖括号上
            </div>
            <div class="code-name">.icon-jiankuohaoshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon--juzhen"></span>
            <div class="name">
              矩阵
            </div>
            <div class="code-name">.icon--juzhen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoming"></span>
            <div class="name">
              照明
            </div>
            <div class="code-name">.icon-zhaoming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianti"></span>
            <div class="name">
              电梯
            </div>
            <div class="code-name">.icon-dianti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfu"></span>
            <div class="name">
              光伏
            </div>
            <div class="code-name">.icon-guangfu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfuban1"></span>
            <div class="name">
              光伏板
            </div>
            <div class="code-name">.icon-guangfuban1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-org"></span>
            <div class="name">
              站点地图,分级,组织,层级
            </div>
            <div class="code-name">.icon-org
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-video-camera"></span>
            <div class="name">
              卡口枪式摄像头,监控,枪式摄像头
            </div>
            <div class="code-name">.icon-video-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-peidianguijiance_1"></span>
            <div class="name">
              配电柜监测
            </div>
            <div class="code-name">.icon-peidianguijiance_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhaoming1"></span>
            <div class="name">
              照明
            </div>
            <div class="code-name">.icon-zhaoming1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankuohaoxia"></span>
            <div class="name">
              尖括号下
            </div>
            <div class="code-name">.icon-jiankuohaoxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-000500"></span>
            <div class="name">
              000500
            </div>
            <div class="code-name">.icon-a-000500
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfu1"></span>
            <div class="name">
              光伏
            </div>
            <div class="code-name">.icon-guangfu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenjifenlei"></span>
            <div class="name">
              分级分类-copy
            </div>
            <div class="code-name">.icon-fenjifenlei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-iconshebei"></span>
            <div class="name">
              icon设备
            </div>
            <div class="code-name">.icon-iconshebei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-renlianshibie2"></span>
            <div class="name">
              人脸识别
            </div>
            <div class="code-name">.icon-renlianshibie2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianti1"></span>
            <div class="name">
              电梯
            </div>
            <div class="code-name">.icon-dianti1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfu2"></span>
            <div class="name">
              光伏
            </div>
            <div class="code-name">.icon-guangfu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-miehuoqi1"></span>
            <div class="name">
              灭火器
            </div>
            <div class="code-name">.icon-miehuoqi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guangfu3"></span>
            <div class="name">
              光伏
            </div>
            <div class="code-name">.icon-guangfu3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian"></span>
            <div class="name">
              钱 
            </div>
            <div class="code-name">.icon-qian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian4"></span>
            <div class="name">
              钱
            </div>
            <div class="code-name">.icon-qian4
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-qian1"></span>
            <div class="name">
              钱 
            </div>
            <div class="code-name">.icon-qian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-04"></span>
            <div class="name">
              文件夹
            </div>
            <div class="code-name">.icon-04
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibi_renminbi"></span>
            <div class="name">
              纸币_人民币
            </div>
            <div class="code-name">.icon-zhibi_renminbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhibi_renminbi_o"></span>
            <div class="name">
              纸币_人民币_o
            </div>
            <div class="code-name">.icon-zhibi_renminbi_o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guansuo"></span>
            <div class="name">
              关锁
            </div>
            <div class="code-name">.icon-guansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ren"></span>
            <div class="name">
              人
            </div>
            <div class="code-name">.icon-ren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongtiao"></span>
            <div class="name">
              空调
            </div>
            <div class="code-name">.icon-kongtiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guansuo1"></span>
            <div class="name">
              关锁
            </div>
            <div class="code-name">.icon-guansuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian1"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian2"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongtiao1"></span>
            <div class="name">
              空调
            </div>
            <div class="code-name">.icon-kongtiao1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenjian3"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.icon-wenjian3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaisuo"></span>
            <div class="name">
              开锁
            </div>
            <div class="code-name">.icon-kaisuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-line-moneyCNYboxrenminbifang"></span>
            <div class="name">
              line-money CNY box（人民币方）
            </div>
            <div class="code-name">.icon-line-moneyCNYboxrenminbifang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-a-yunduanwenjiantuozhan_caidan"></span>
            <div class="name">
              云端文件(拓展)_菜单
            </div>
            <div class="code-name">.icon-a-yunduanwenjiantuozhan_caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuyi_guansuo"></span>
            <div class="name">
              关锁
            </div>
            <div class="code-name">.icon-shuyi_guansuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunduanwenjianjia"></span>
            <div class="name">
              云端文件夹
            </div>
            <div class="code-name">.icon-yunduanwenjianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yunduanwenjian"></span>
            <div class="name">
              云端文件
            </div>
            <div class="code-name">.icon-yunduanwenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaisuo1"></span>
            <div class="name">
              开锁
            </div>
            <div class="code-name">.icon-kaisuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieneng"></span>
            <div class="name">
              节能
            </div>
            <div class="code-name">.icon-jieneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-pinpaiqushi"></span>
            <div class="name">
              品牌趋势
            </div>
            <div class="code-name">.icon-pinpaiqushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jieneng1"></span>
            <div class="name">
              节能
            </div>
            <div class="code-name">.icon-jieneng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-time"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-active-shuangyuanquan"></span>
            <div class="name">
              双圆圈
            </div>
            <div class="code-name">.icon-active-shuangyuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuangyuanquan"></span>
            <div class="name">
              双圆圈
            </div>
            <div class="code-name">.icon-shuangyuanquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.icon-fenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuju_qushi"></span>
            <div class="name">
              数据_趋势
            </div>
            <div class="code-name">.icon-shuju_qushi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ren-"></span>
            <div class="name">
              人
            </div>
            <div class="code-name">.icon-ren-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guzhimoxing"></span>
            <div class="name">
              估值模型
            </div>
            <div class="code-name">.icon-guzhimoxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-haocai"></span>
            <div class="name">
              耗材
            </div>
            <div class="code-name">.icon-haocai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kongdiao"></span>
            <div class="name">
              空调
            </div>
            <div class="code-name">.icon-kongdiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xinhao"></span>
            <div class="name">
              信号
            </div>
            <div class="code-name">.icon-xinhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shezhi"></span>
            <div class="name">
              shezhi
            </div>
            <div class="code-name">.icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-geren"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.icon-geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianyuan"></span>
            <div class="name">
              电源
            </div>
            <div class="code-name">.icon-dianyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-lvshuibei"></span>
            <div class="name">
              滤水杯
            </div>
            <div class="code-name">.icon-lvshuibei
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ai49"></span>
            <div class="name">
              回收
            </div>
            <div class="code-name">.icon-ai49
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yuyin"></span>
            <div class="name">
              俩人
            </div>
            <div class="code-name">.icon-yuyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-solid-home"></span>
            <div class="name">
              房子 实心
            </div>
            <div class="code-name">.icon-solid-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-caozuo_zhengqi"></span>
            <div class="name">
              操作-蒸汽
            </div>
            <div class="code-name">.icon-caozuo_zhengqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wenduzengjia"></span>
            <div class="name">
              温度增加
            </div>
            <div class="code-name">.icon-wenduzengjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendu"></span>
            <div class="name">
              温度
            </div>
            <div class="code-name">.icon-wendu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendujiangdi"></span>
            <div class="name">
              温度降低
            </div>
            <div class="code-name">.icon-wendujiangdi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhexiantu"></span>
            <div class="name">
              409折线图
            </div>
            <div class="code-name">.icon-zhexiantu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongchengjixie"></span>
            <div class="name">
              工程机械
            </div>
            <div class="code-name">.icon-gongchengjixie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengqiqingjie"></span>
            <div class="name">
              蒸汽清洁
            </div>
            <div class="code-name">.icon-zhengqiqingjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wendu1"></span>
            <div class="name">
              温度
            </div>
            <div class="code-name">.icon-wendu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changfang"></span>
            <div class="name">
              厂房
            </div>
            <div class="code-name">.icon-changfang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.icon-jiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xunhuanbeng"></span>
            <div class="name">
              循环泵
            </div>
            <div class="code-name">.icon-xunhuanbeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-ranqijianceqi"></span>
            <div class="name">
              燃气监测器
            </div>
            <div class="code-name">.icon-ranqijianceqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-E"></span>
            <div class="name">
              E
            </div>
            <div class="code-name">.icon-E
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-AIzhineng"></span>
            <div class="name">
              AI智能
            </div>
            <div class="code-name">.icon-AIzhineng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-eryanghuatan"></span>
            <div class="name">
              二氧化碳
            </div>
            <div class="code-name">.icon-eryanghuatan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-diqiu"></span>
            <div class="name">
              地球
            </div>
            <div class="code-name">.icon-diqiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-louceng"></span>
            <div class="name">
              楼层
            </div>
            <div class="code-name">.icon-louceng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-dianchi"></span>
            <div class="name">
              电池
            </div>
            <div class="code-name">.icon-dianchi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guolu-"></span>
            <div class="name">
              锅炉-01
            </div>
            <div class="code-name">.icon-guolu-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-changfang1"></span>
            <div class="name">
              厂房
            </div>
            <div class="code-name">.icon-changfang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guolu"></span>
            <div class="name">
              锅炉
            </div>
            <div class="code-name">.icon-guolu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-relation-full"></span>
            <div class="name">
              分叉,大数据,数据结构,关系,关系分析,关系网,组织
            </div>
            <div class="code-name">.icon-relation-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rili1"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.icon-rili1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-Ai"></span>
            <div class="name">
              Ai
            </div>
            <div class="code-name">.icon-Ai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-guolufang"></span>
            <div class="name">
              锅炉房
            </div>
            <div class="code-name">.icon-guolufang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-louceng1"></span>
            <div class="name">
              楼层
            </div>
            <div class="code-name">.icon-louceng1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-re"></span>
            <div class="name">
              热
            </div>
            <div class="code-name">.icon-re
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-zhengqi"></span>
            <div class="name">
              蒸汽
            </div>
            <div class="code-name">.icon-zhengqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiesheng"></span>
            <div class="name">
              节省
            </div>
            <div class="code-name">.icon-jiesheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xuehua"></span>
            <div class="name">
              雪花
            </div>
            <div class="code-name">.icon-xuehua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shangsheng"></span>
            <div class="name">
              上升
            </div>
            <div class="code-name">.icon-shangsheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiajiang"></span>
            <div class="name">
              下降
            </div>
            <div class="code-name">.icon-xiajiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-5"></span>
            <div class="name">
              water
            </div>
            <div class="code-name">.icon-5
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-GPRSdianbiao"></span>
            <div class="name">
              GPRS电表
            </div>
            <div class="code-name">.icon-GPRSdianbiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-fl-renyuan"></span>
            <div class="name">
              人员
            </div>
            <div class="code-name">.icon-fl-renyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-redu"></span>
            <div class="name">
              热读
            </div>
            <div class="code-name">.icon-redu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-gongrebanrebiao"></span>
            <div class="name">
              供热办热表
            </div>
            <div class="code-name">.icon-gongrebanrebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shandian"></span>
            <div class="name">
              闪电
            </div>
            <div class="code-name">.icon-shandian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-yalibiao"></span>
            <div class="name">
              压力表
            </div>
            <div class="code-name">.icon-yalibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-shuibiao"></span>
            <div class="name">
              水表
            </div>
            <div class="code-name">.icon-shuibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-jiliangbiao"></span>
            <div class="name">
              计量表
            </div>
            <div class="code-name">.icon-jiliangbiao
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuo"></use>
                </svg>
                <div class="name">向左</div>
                <div class="code-name">#icon-xiangzuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangxiangjiantou-you"></use>
                </svg>
                <div class="name">方向箭头-右</div>
                <div class="code-name">#icon-fangxiangjiantou-you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fangxiangjiantou-zuo"></use>
                </svg>
                <div class="name">方向箭头-左</div>
                <div class="code-name">#icon-fangxiangjiantou-zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian1"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sanjiaotanhao"></use>
                </svg>
                <div class="name">三角叹号</div>
                <div class="code-name">#icon-sanjiaotanhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duigou"></use>
                </svg>
                <div class="name">对钩</div>
                <div class="code-name">#icon-duigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-liebiaoweikong"></use>
                </svg>
                <div class="name">列表为空</div>
                <div class="code-name">#icon-liebiaoweikong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongdianqiang"></use>
                </svg>
                <div class="name">充电枪</div>
                <div class="code-name">#icon-chongdianqiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-Frame3163"></use>
                </svg>
                <div class="name">对钩</div>
                <div class="code-name">#icon-a-Frame3163</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongdianqiang1"></use>
                </svg>
                <div class="name">充电枪</div>
                <div class="code-name">#icon-chongdianqiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian1"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lixian2"></use>
                </svg>
                <div class="name">离线</div>
                <div class="code-name">#icon-lixian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duigou-yuan"></use>
                </svg>
                <div class="name">对钩-圆</div>
                <div class="code-name">#icon-duigou-yuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chazhaoshujuku"></use>
                </svg>
                <div class="name">筛选-查找数据库</div>
                <div class="code-name">#icon-chazhaoshujuku</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gun"></use>
                </svg>
                <div class="name">加油枪-copy</div>
                <div class="code-name">#icon-gun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-qietu2001"></use>
                </svg>
                <div class="name">triangle-notice</div>
                <div class="code-name">#icon-a-qietu2001</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianya2"></use>
                </svg>
                <div class="name">电流</div>
                <div class="code-name">#icon-dianya2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianya3"></use>
                </svg>
                <div class="name">电压</div>
                <div class="code-name">#icon-dianya3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianliu1"></use>
                </svg>
                <div class="name">电流</div>
                <div class="code-name">#icon-dianliu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianliu2"></use>
                </svg>
                <div class="name">电流</div>
                <div class="code-name">#icon-dianliu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-triangle-play"></use>
                </svg>
                <div class="name">triangle-play</div>
                <div class="code-name">#icon-triangle-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gl-pause2"></use>
                </svg>
                <div class="name">24gl-pause2</div>
                <div class="code-name">#icon-24gl-pause2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-24gf-pause2"></use>
                </svg>
                <div class="name">24gf-pause2</div>
                <div class="code-name">#icon-24gf-pause2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bofang"></use>
                </svg>
                <div class="name">播放</div>
                <div class="code-name">#icon-bofang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-28Ashouzhi"></use>
                </svg>
                <div class="name">28A手指</div>
                <div class="code-name">#icon-a-28Ashouzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouzhi"></use>
                </svg>
                <div class="name">手指</div>
                <div class="code-name">#icon-shouzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lieri"></use>
                </svg>
                <div class="name">烈日</div>
                <div class="code-name">#icon-lieri</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengli"></use>
                </svg>
                <div class="name">风力</div>
                <div class="code-name">#icon-fengli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taiyang"></use>
                </svg>
                <div class="name">太阳</div>
                <div class="code-name">#icon-taiyang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-weibiaoti-"></use>
                </svg>
                <div class="name">紫外线</div>
                <div class="code-name">#icon-weibiaoti-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuidi"></use>
                </svg>
                <div class="name">水滴</div>
                <div class="code-name">#icon-shuidi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-huanjingjianceqi"></use>
                </svg>
                <div class="name">huanjingjianceqi</div>
                <div class="code-name">#icon-huanjingjianceqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziwaixian"></use>
                </svg>
                <div class="name">紫外线</div>
                <div class="code-name">#icon-ziwaixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-PM25"></use>
                </svg>
                <div class="name">PM2.5</div>
                <div class="code-name">#icon-a-PM25</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziwaixian1"></use>
                </svg>
                <div class="name">紫外线</div>
                <div class="code-name">#icon-ziwaixian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youwu"></use>
                </svg>
                <div class="name">有雾</div>
                <div class="code-name">#icon-youwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fengfan"></use>
                </svg>
                <div class="name">风帆</div>
                <div class="code-name">#icon-fengfan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anzhuo1"></use>
                </svg>
                <div class="name">安卓</div>
                <div class="code-name">#icon-anzhuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#icon-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuibeng"></use>
                </svg>
                <div class="name">水泵</div>
                <div class="code-name">#icon-shuibeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-danwei"></use>
                </svg>
                <div class="name">单位</div>
                <div class="code-name">#icon-danwei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-leng"></use>
                </svg>
                <div class="name">冷</div>
                <div class="code-name">#icon-leng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo2"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-position"></use>
                </svg>
                <div class="name">定位-位置</div>
                <div class="code-name">#icon-position</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dapingzhutu"></use>
                </svg>
                <div class="name">大屏柱图</div>
                <div class="code-name">#icon-dapingzhutu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiansuo"></use>
                </svg>
                <div class="name">线索</div>
                <div class="code-name">#icon-xiansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-113-eluosifangkuai"></use>
                </svg>
                <div class="name">113-俄罗斯方块</div>
                <div class="code-name">#icon-113-eluosifangkuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-plume-full"></use>
                </svg>
                <div class="name">信号,基站,信号塔,技术,定位服务,热点</div>
                <div class="code-name">#icon-plume-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuibeng1"></use>
                </svg>
                <div class="name">水泵</div>
                <div class="code-name">#icon-shuibeng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianti2"></use>
                </svg>
                <div class="name">电梯</div>
                <div class="code-name">#icon-dianti2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianti4"></use>
                </svg>
                <div class="name">电梯</div>
                <div class="code-name">#icon-dianti4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gaodu"></use>
                </svg>
                <div class="name">高度</div>
                <div class="code-name">#icon-gaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zidongtiaozhenggaodu"></use>
                </svg>
                <div class="name">自动调整高度</div>
                <div class="code-name">#icon-zidongtiaozhenggaodu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-anzhuo"></use>
                </svg>
                <div class="name">安卓</div>
                <div class="code-name">#icon-anzhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingxing"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#icon-xingxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingxing1"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#icon-xingxing1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingxing2"></use>
                </svg>
                <div class="name">星星2</div>
                <div class="code-name">#icon-xingxing2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-135-dianchi"></use>
                </svg>
                <div class="name">135-电池</div>
                <div class="code-name">#icon-a-135-dianchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchi2"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-dianchi2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiaxingshoucang"></use>
                </svg>
                <div class="name">加星收藏</div>
                <div class="code-name">#icon-jiaxingshoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjianfile63"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjianfile63</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-star"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#icon-star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tubiao-dianchiman"></use>
                </svg>
                <div class="name">图标-电池满</div>
                <div class="code-name">#icon-tubiao-dianchiman</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-line-manage"></use>
                </svg>
                <div class="name">line-manage</div>
                <div class="code-name">#icon-line-manage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei2"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongshuaiyinsu"></use>
                </svg>
                <div class="name">功率因素</div>
                <div class="code-name">#icon-gongshuaiyinsu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianya"></use>
                </svg>
                <div class="name">电压</div>
                <div class="code-name">#icon-dianya</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongshuai"></use>
                </svg>
                <div class="name">功率</div>
                <div class="code-name">#icon-gongshuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianliu"></use>
                </svg>
                <div class="name">电流</div>
                <div class="code-name">#icon-dianliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianya1"></use>
                </svg>
                <div class="name">电压</div>
                <div class="code-name">#icon-dianya1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo"></use>
                </svg>
                <div class="name">3.0-搜索</div>
                <div class="code-name">#icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingdang"></use>
                </svg>
                <div class="name">3.1铃铛</div>
                <div class="code-name">#icon-lingdang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lingdang-xianxing"></use>
                </svg>
                <div class="name">211铃铛-线性</div>
                <div class="code-name">#icon-lingdang-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoming-zhongren"></use>
                </svg>
                <div class="name">报名-众人</div>
                <div class="code-name">#icon-baoming-zhongren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingwuicon_svg-1"></use>
                </svg>
                <div class="name">警报</div>
                <div class="code-name">#icon-jingwuicon_svg-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunhuan"></use>
                </svg>
                <div class="name">循环</div>
                <div class="code-name">#icon-xunhuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-hua"></use>
                </svg>
                <div class="name">花</div>
                <div class="code-name">#icon-hua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ziyuanxhdpi"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-ziyuanxhdpi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-icon-test"></use>
                </svg>
                <div class="name">4档风力</div>
                <div class="code-name">#icon-icon-test</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kahuishou"></use>
                </svg>
                <div class="name">卡回收</div>
                <div class="code-name">#icon-kahuishou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shebei1"></use>
                </svg>
                <div class="name">设备</div>
                <div class="code-name">#icon-shebei1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenglijianceqi"></use>
                </svg>
                <div class="name">风力检测器</div>
                <div class="code-name">#icon-fenglijianceqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-header-17"></use>
                </svg>
                <div class="name">联盟工厂</div>
                <div class="code-name">#icon-header-17</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianpai"></use>
                </svg>
                <div class="name">减排</div>
                <div class="code-name">#icon-jianpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouzhongrenquntuokuan"></use>
                </svg>
                <div class="name">受众人群拓宽</div>
                <div class="code-name">#icon-shouzhongrenquntuokuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shiligongchang"></use>
                </svg>
                <div class="name">实力工厂</div>
                <div class="code-name">#icon-shiligongchang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jianpai1"></use>
                </svg>
                <div class="name">减排</div>
                <div class="code-name">#icon-jianpai1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-taifeng-fengli-xian"></use>
                </svg>
                <div class="name">台风-风力-线</div>
                <div class="code-name">#icon-taifeng-fengli-xian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoceng"></use>
                </svg>
                <div class="name">多层</div>
                <div class="code-name">#icon-duoceng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-duoceng1"></use>
                </svg>
                <div class="name">多层</div>
                <div class="code-name">#icon-duoceng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ranqi"></use>
                </svg>
                <div class="name">燃气</div>
                <div class="code-name">#icon-ranqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jingwuicon_svg-"></use>
                </svg>
                <div class="name">警报</div>
                <div class="code-name">#icon-jingwuicon_svg-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongzhi"></use>
                </svg>
                <div class="name">控制2</div>
                <div class="code-name">#icon-kongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankongkongzhiguanli"></use>
                </svg>
                <div class="name">监控控制管理</div>
                <div class="code-name">#icon-jiankongkongzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghenengyuanicon"></use>
                </svg>
                <div class="name">综合能源 icon</div>
                <div class="code-name">#icon-zonghenengyuanicon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm-full"></use>
                </svg>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">#icon-alarm-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-alarm"></use>
                </svg>
                <div class="name">报警,警报,报警灯,危险</div>
                <div class="code-name">#icon-alarm</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-feiqi"></use>
                </svg>
                <div class="name">废气</div>
                <div class="code-name">#icon-feiqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zonghenengyuan"></use>
                </svg>
                <div class="name">综合能源</div>
                <div class="code-name">#icon-zonghenengyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qushuiliang"></use>
                </svg>
                <div class="name">取水量</div>
                <div class="code-name">#icon-qushuiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongdian"></use>
                </svg>
                <div class="name">充电</div>
                <div class="code-name">#icon-chongdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-deng"></use>
                </svg>
                <div class="name">灯</div>
                <div class="code-name">#icon-deng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renlianshibie"></use>
                </svg>
                <div class="name">人脸识别</div>
                <div class="code-name">#icon-renlianshibie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renlianshibie1"></use>
                </svg>
                <div class="name">人脸识别</div>
                <div class="code-name">#icon-renlianshibie1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchi1"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-dianchi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankong1"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#icon-jiankong1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wuguan"></use>
                </svg>
                <div class="name">AI</div>
                <div class="code-name">#icon-wuguan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qiche1"></use>
                </svg>
                <div class="name">汽车</div>
                <div class="code-name">#icon-qiche1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiqiren"></use>
                </svg>
                <div class="name">机器人</div>
                <div class="code-name">#icon-jiqiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#icon-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingzhuang"></use>
                </svg>
                <div class="name">摄像头</div>
                <div class="code-name">#icon-xingzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changyongicon-"></use>
                </svg>
                <div class="name">尖括号</div>
                <div class="code-name">#icon-changyongicon-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changyongicon-1"></use>
                </svg>
                <div class="name">尖括号-左</div>
                <div class="code-name">#icon-changyongicon-1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-youhailaji-xudianchi"></use>
                </svg>
                <div class="name">有害垃圾-蓄电池</div>
                <div class="code-name">#icon-youhailaji-xudianchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfuban"></use>
                </svg>
                <div class="name">光伏板</div>
                <div class="code-name">#icon-guangfuban</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miehuoqi"></use>
                </svg>
                <div class="name">灭火器</div>
                <div class="code-name">#icon-miehuoqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peidiangui"></use>
                </svg>
                <div class="name">配电柜</div>
                <div class="code-name">#icon-peidiangui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-chongdianzhuang"></use>
                </svg>
                <div class="name">充电桩</div>
                <div class="code-name">#icon-chongdianzhuang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankuohao"></use>
                </svg>
                <div class="name">尖括号-右</div>
                <div class="code-name">#icon-jiankuohao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankuohaoshang"></use>
                </svg>
                <div class="name">尖括号上</div>
                <div class="code-name">#icon-jiankuohaoshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon--juzhen"></use>
                </svg>
                <div class="name">矩阵</div>
                <div class="code-name">#icon--juzhen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoming"></use>
                </svg>
                <div class="name">照明</div>
                <div class="code-name">#icon-zhaoming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianti"></use>
                </svg>
                <div class="name">电梯</div>
                <div class="code-name">#icon-dianti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfu"></use>
                </svg>
                <div class="name">光伏</div>
                <div class="code-name">#icon-guangfu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfuban1"></use>
                </svg>
                <div class="name">光伏板</div>
                <div class="code-name">#icon-guangfuban1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-org"></use>
                </svg>
                <div class="name">站点地图,分级,组织,层级</div>
                <div class="code-name">#icon-org</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-video-camera"></use>
                </svg>
                <div class="name">卡口枪式摄像头,监控,枪式摄像头</div>
                <div class="code-name">#icon-video-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-peidianguijiance_1"></use>
                </svg>
                <div class="name">配电柜监测</div>
                <div class="code-name">#icon-peidianguijiance_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhaoming1"></use>
                </svg>
                <div class="name">照明</div>
                <div class="code-name">#icon-zhaoming1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankuohaoxia"></use>
                </svg>
                <div class="name">尖括号下</div>
                <div class="code-name">#icon-jiankuohaoxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-000500"></use>
                </svg>
                <div class="name">000500</div>
                <div class="code-name">#icon-a-000500</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfu1"></use>
                </svg>
                <div class="name">光伏</div>
                <div class="code-name">#icon-guangfu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenjifenlei"></use>
                </svg>
                <div class="name">分级分类-copy</div>
                <div class="code-name">#icon-fenjifenlei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-iconshebei"></use>
                </svg>
                <div class="name">icon设备</div>
                <div class="code-name">#icon-iconshebei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-renlianshibie2"></use>
                </svg>
                <div class="name">人脸识别</div>
                <div class="code-name">#icon-renlianshibie2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianti1"></use>
                </svg>
                <div class="name">电梯</div>
                <div class="code-name">#icon-dianti1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfu2"></use>
                </svg>
                <div class="name">光伏</div>
                <div class="code-name">#icon-guangfu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-miehuoqi1"></use>
                </svg>
                <div class="name">灭火器</div>
                <div class="code-name">#icon-miehuoqi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guangfu3"></use>
                </svg>
                <div class="name">光伏</div>
                <div class="code-name">#icon-guangfu3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian"></use>
                </svg>
                <div class="name">钱 </div>
                <div class="code-name">#icon-qian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian4"></use>
                </svg>
                <div class="name">钱</div>
                <div class="code-name">#icon-qian4</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-qian1"></use>
                </svg>
                <div class="name">钱 </div>
                <div class="code-name">#icon-qian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-04"></use>
                </svg>
                <div class="name">文件夹</div>
                <div class="code-name">#icon-04</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibi_renminbi"></use>
                </svg>
                <div class="name">纸币_人民币</div>
                <div class="code-name">#icon-zhibi_renminbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhibi_renminbi_o"></use>
                </svg>
                <div class="name">纸币_人民币_o</div>
                <div class="code-name">#icon-zhibi_renminbi_o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guansuo"></use>
                </svg>
                <div class="name">关锁</div>
                <div class="code-name">#icon-guansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ren"></use>
                </svg>
                <div class="name">人</div>
                <div class="code-name">#icon-ren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongtiao"></use>
                </svg>
                <div class="name">空调</div>
                <div class="code-name">#icon-kongtiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guansuo1"></use>
                </svg>
                <div class="name">关锁</div>
                <div class="code-name">#icon-guansuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian1"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian2"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongtiao1"></use>
                </svg>
                <div class="name">空调</div>
                <div class="code-name">#icon-kongtiao1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenjian3"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#icon-wenjian3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaisuo"></use>
                </svg>
                <div class="name">开锁</div>
                <div class="code-name">#icon-kaisuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-line-moneyCNYboxrenminbifang"></use>
                </svg>
                <div class="name">line-money CNY box（人民币方）</div>
                <div class="code-name">#icon-line-moneyCNYboxrenminbifang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-a-yunduanwenjiantuozhan_caidan"></use>
                </svg>
                <div class="name">云端文件(拓展)_菜单</div>
                <div class="code-name">#icon-a-yunduanwenjiantuozhan_caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuyi_guansuo"></use>
                </svg>
                <div class="name">关锁</div>
                <div class="code-name">#icon-shuyi_guansuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunduanwenjianjia"></use>
                </svg>
                <div class="name">云端文件夹</div>
                <div class="code-name">#icon-yunduanwenjianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yunduanwenjian"></use>
                </svg>
                <div class="name">云端文件</div>
                <div class="code-name">#icon-yunduanwenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaisuo1"></use>
                </svg>
                <div class="name">开锁</div>
                <div class="code-name">#icon-kaisuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieneng"></use>
                </svg>
                <div class="name">节能</div>
                <div class="code-name">#icon-jieneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-pinpaiqushi"></use>
                </svg>
                <div class="name">品牌趋势</div>
                <div class="code-name">#icon-pinpaiqushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jieneng1"></use>
                </svg>
                <div class="name">节能</div>
                <div class="code-name">#icon-jieneng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-time"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-active-shuangyuanquan"></use>
                </svg>
                <div class="name">双圆圈</div>
                <div class="code-name">#icon-active-shuangyuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuangyuanquan"></use>
                </svg>
                <div class="name">双圆圈</div>
                <div class="code-name">#icon-shuangyuanquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#icon-fenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuju_qushi"></use>
                </svg>
                <div class="name">数据_趋势</div>
                <div class="code-name">#icon-shuju_qushi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ren-"></use>
                </svg>
                <div class="name">人</div>
                <div class="code-name">#icon-ren-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guzhimoxing"></use>
                </svg>
                <div class="name">估值模型</div>
                <div class="code-name">#icon-guzhimoxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-haocai"></use>
                </svg>
                <div class="name">耗材</div>
                <div class="code-name">#icon-haocai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kongdiao"></use>
                </svg>
                <div class="name">空调</div>
                <div class="code-name">#icon-kongdiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xinhao"></use>
                </svg>
                <div class="name">信号</div>
                <div class="code-name">#icon-xinhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shezhi"></use>
                </svg>
                <div class="name">shezhi</div>
                <div class="code-name">#icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-geren"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#icon-geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianyuan"></use>
                </svg>
                <div class="name">电源</div>
                <div class="code-name">#icon-dianyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-lvshuibei"></use>
                </svg>
                <div class="name">滤水杯</div>
                <div class="code-name">#icon-lvshuibei</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ai49"></use>
                </svg>
                <div class="name">回收</div>
                <div class="code-name">#icon-ai49</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yuyin"></use>
                </svg>
                <div class="name">俩人</div>
                <div class="code-name">#icon-yuyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-solid-home"></use>
                </svg>
                <div class="name">房子 实心</div>
                <div class="code-name">#icon-solid-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-caozuo_zhengqi"></use>
                </svg>
                <div class="name">操作-蒸汽</div>
                <div class="code-name">#icon-caozuo_zhengqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wenduzengjia"></use>
                </svg>
                <div class="name">温度增加</div>
                <div class="code-name">#icon-wenduzengjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendu"></use>
                </svg>
                <div class="name">温度</div>
                <div class="code-name">#icon-wendu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendujiangdi"></use>
                </svg>
                <div class="name">温度降低</div>
                <div class="code-name">#icon-wendujiangdi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhexiantu"></use>
                </svg>
                <div class="name">409折线图</div>
                <div class="code-name">#icon-zhexiantu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongchengjixie"></use>
                </svg>
                <div class="name">工程机械</div>
                <div class="code-name">#icon-gongchengjixie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengqiqingjie"></use>
                </svg>
                <div class="name">蒸汽清洁</div>
                <div class="code-name">#icon-zhengqiqingjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wendu1"></use>
                </svg>
                <div class="name">温度</div>
                <div class="code-name">#icon-wendu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changfang"></use>
                </svg>
                <div class="name">厂房</div>
                <div class="code-name">#icon-changfang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#icon-jiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xunhuanbeng"></use>
                </svg>
                <div class="name">循环泵</div>
                <div class="code-name">#icon-xunhuanbeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-ranqijianceqi"></use>
                </svg>
                <div class="name">燃气监测器</div>
                <div class="code-name">#icon-ranqijianceqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-E"></use>
                </svg>
                <div class="name">E</div>
                <div class="code-name">#icon-E</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-AIzhineng"></use>
                </svg>
                <div class="name">AI智能</div>
                <div class="code-name">#icon-AIzhineng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-eryanghuatan"></use>
                </svg>
                <div class="name">二氧化碳</div>
                <div class="code-name">#icon-eryanghuatan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-diqiu"></use>
                </svg>
                <div class="name">地球</div>
                <div class="code-name">#icon-diqiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-louceng"></use>
                </svg>
                <div class="name">楼层</div>
                <div class="code-name">#icon-louceng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-dianchi"></use>
                </svg>
                <div class="name">电池</div>
                <div class="code-name">#icon-dianchi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolu-"></use>
                </svg>
                <div class="name">锅炉-01</div>
                <div class="code-name">#icon-guolu-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-changfang1"></use>
                </svg>
                <div class="name">厂房</div>
                <div class="code-name">#icon-changfang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolu"></use>
                </svg>
                <div class="name">锅炉</div>
                <div class="code-name">#icon-guolu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-relation-full"></use>
                </svg>
                <div class="name">分叉,大数据,数据结构,关系,关系分析,关系网,组织</div>
                <div class="code-name">#icon-relation-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rili1"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#icon-rili1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-Ai"></use>
                </svg>
                <div class="name">Ai</div>
                <div class="code-name">#icon-Ai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-guolufang"></use>
                </svg>
                <div class="name">锅炉房</div>
                <div class="code-name">#icon-guolufang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-louceng1"></use>
                </svg>
                <div class="name">楼层</div>
                <div class="code-name">#icon-louceng1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-re"></use>
                </svg>
                <div class="name">热</div>
                <div class="code-name">#icon-re</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-zhengqi"></use>
                </svg>
                <div class="name">蒸汽</div>
                <div class="code-name">#icon-zhengqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiesheng"></use>
                </svg>
                <div class="name">节省</div>
                <div class="code-name">#icon-jiesheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xuehua"></use>
                </svg>
                <div class="name">雪花</div>
                <div class="code-name">#icon-xuehua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shangsheng"></use>
                </svg>
                <div class="name">上升</div>
                <div class="code-name">#icon-shangsheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiajiang"></use>
                </svg>
                <div class="name">下降</div>
                <div class="code-name">#icon-xiajiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-5"></use>
                </svg>
                <div class="name">water</div>
                <div class="code-name">#icon-5</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-GPRSdianbiao"></use>
                </svg>
                <div class="name">GPRS电表</div>
                <div class="code-name">#icon-GPRSdianbiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-fl-renyuan"></use>
                </svg>
                <div class="name">人员</div>
                <div class="code-name">#icon-fl-renyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-redu"></use>
                </svg>
                <div class="name">热读</div>
                <div class="code-name">#icon-redu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-gongrebanrebiao"></use>
                </svg>
                <div class="name">供热办热表</div>
                <div class="code-name">#icon-gongrebanrebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shandian"></use>
                </svg>
                <div class="name">闪电</div>
                <div class="code-name">#icon-shandian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-yalibiao"></use>
                </svg>
                <div class="name">压力表</div>
                <div class="code-name">#icon-yalibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-shuibiao"></use>
                </svg>
                <div class="name">水表</div>
                <div class="code-name">#icon-shuibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-jiliangbiao"></use>
                </svg>
                <div class="name">计量表</div>
                <div class="code-name">#icon-jiliangbiao</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
